﻿<?php
    $underline = strtotime("8 October 2015");
    $now = strtotime("now");
    if($now - $underline > 0){
      echo "<script> alert('你已经错过了报名时间!');window.location.href='job.php'</script>";
      exit();
    }
?>

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>红满堂招新报名</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/screen.css">

  </head>
  <body>
      <div class="header">
        <div class="container">       
          <div class="head">
              <div class="logo">
              <h2 class="text-center text">亲爱的红薯er，欢迎参加红满堂工作室本学期招新</h2><br/><br/>
                  <h3 class="text-center text">
                      红满堂工作室是一个立志于为华农师生服务的校一级学生组织
                  </h3>
              </div>
          </div>
          <nav class="">
            <ul class="nav nav-tabs">
              <li role="presentation"><a href="index.html">首页</a></li> 
              <li role="presentation"><a href="job.php">职位介绍</a></li>
              <li role="presentation" class="active"><a href="#">我要报名</a></li>
              <li role="presentation"><a href="#" data-toggle="modal" data-target="#about">关于我</a></li>
            </ul>
          </nav>
        </div>        
      </div>

      <div class="massage">
        <form method="post" action="massage_handle.php">
          <label>你的名字</label>
          <div>
              <input type="text" id="name" name="name" placeholder="请输入你的名字" style="width:400px;height:25px" />
          </div>
          <label>学院年级专业</label>
          <div>
              <input type="text" id="grade" name="grade" placeholder="请输入你的学院年级专业" style="width:400px;height:25px" />
          </div>
          <label>应聘职位</label>
          <div>
              <input type="text" id="job" name="job" placeholder="请输入你的应聘的职位" style="width:400px;height:25px" />
          </div>
          <label>电话</label>
          <div>
              <input type="text" id="phone" name="phone" placeholder="请输入你的电话" style="width:400px;height:25px" />
          </div>
          <label>邮箱</label>
          <div>
              <input type="text" id="email" name="email" placeholder="请输入你的邮箱" style="width:400px;height:25px" />
          </div>
          <label>个人简介</label>
          <div>
              <textarea type="text" name="content" style="width:400px;height:200px" placeholder="请输入内容"></textarea>
          </div><br/>
          <div>
             <button id="send" type="submit" class="btn btn-primary btn-lg">发送消息</button>
              <button type="reset" class="btn btn-default btn-lg"><a href="massage.php">重置</a></button>
          </div>
        </form>
      </div>

      <div class="modal fade" id="about">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">关于我</h4>
            </div>
            <div class="modal-body">
              <p>我是红满堂</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">知道啦</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->

      <div class="footer">
        <p class="text-center">Design by：少年</p>
      </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.11.2.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>